<div class="topics">
    <div class="topics__header">
        <h2>浏览主题</h2>
    </div>

    {# 主题列表 start #}
    <ul class="topics__list">
        <li>
            <a href="{% url 'home' %}" class="active">全选<span>{{ topics.count }}</span></a>
        </li>
        {% for topic in topics %}
        <li>
            <a href="{% url 'home' %}?q={{ topic.name }}">{{ topic.name }}<span>{{ topic.room_set.all.count }}</span></a>
        </li>
        {% endfor %}
    </ul>
    {# 主题列表 end #}

    <a href="{% url 'mb-topics-page' %}">
    <button class="btn btn--link" >
        展开更多
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
            <title>chevron-down</title>
            <path d="M16 21l-13-13h-3l16 16 16-16h-3l-13 13z"></path>
        </svg>
    </button>
    </a>

</div>

{##}
{#<div>#}
{#<h3>浏览主题</h3>#}
{#<hr/>#}
{##}
{#<div>#}
{#    <a href="{% url 'home' %}">全选</a>#}
{#</div>#}
{##}
{#{% for topic in topics %}#}
{#    <div>#}
{#        <a href="{% url 'home' %}?q={{ topic.name }}">{{ topic.name }}</a>#}
{#    </div>#}
{#{% endfor %}#}
{##}
{#</div>#}